<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>上海宣臻信息科技有限公司</title>
	<meta name="keywords" content="积分商城,积分商城开发,积分商城外包,积分平台开发,积分系统,积分礼品,积分商城运营,宣臻,上海宣臻,APP积分商城,微信积分商城">
	<meta name="description" content="上海宣臻信息科技有限公司,积分商城统一解决方案,积分商城整体外包">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="renderer" content="webkit">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
</head>
<body>
	<div class="xz">
		<div class="nav-fix">
			<div class="home-wrap">
				<div class="sub-wrap">
					<div class="sub-container">
						<img src="img/logo.png" alt="logo" class="left">
						<div class="sub-list " >
							<ul>
								<li class="cursor selected">首页<span></span></li>
								<li class="cursor"><a href="introduction.html">公司简介</a></li>
								<li class="cursor b-hover">
									业务介绍
									<span></span>
									<div class="three-bar">
										<ul>
											<li><a href="internet.html">互联网+</a></li>
											<li><a href="network.html">网络整合</a></li>
											<li><a href="event.html">活动传播</a></li>
										</ul>
									</div>
								</li>
								<li class="cursor"><a href="caseShow.html">案例展示</a></li>
								<li class="cursor"><a href="join.html">加入我们</a></li>
							</ul>
						</div>
						<div class="s-nav"></div>
					</div>
				</div>
				<div class="nav-list">
					<ul>
						<li>首页</li>
						<li><a href="introduction.html"><span>公司简介</span></a></li>
						<li class="nav-third">
							<div>
								<div class="nav-t-name">业务介绍</div>
								<div class="nav-w">
									<a href="internet.html">互联网+</a>
									<a href="network.html">网络整合</a>
									<a href="event.html">活动传播</a>
								</div>
							</div>
						</li>
						<li><a href="caseShow.html">案例展示</a></li>
						<li><a href="join.html">加入我们</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="banner-top"></div>
		<div class="xz-animate">
			<div class="xzbg"></div>
			<iframe src="xz-svg/new.html" frameborder="0" scrolling="no"></iframe>
		</div>
		<div class="good">
			<div class="container">
				<div class="title">
					<div class="title-line"></div>
					<div class="title-name our">我们的优势</div>
					<div class="title-line"></div>
				</div>
				<div class="clearfix"></div>
				<div class="good-content">
					<div>
						<div class="bg-icon design-icon"></div>
						<div class="good-title">设计能力</div>
						<div class="good-text">用户体验和网页设计团队，拥有知名视觉设计或网页设计背景，拥有丰富的用户体验设计方法论和设计理念。</div>
						<div class="good-line"></div>
					</div>
					<div>
						<div class="bg-icon mana-icon"></div>
						<div class="good-title">管理能力</div>
						<div class="good-text">符合规范，广受客户认可的，优秀项目管理和团队治理水平，为项目的执行和客户服务提供保障。</div>
						<div class="good-line"></div>
					</div>
					<div>
						<div class="bg-icon tech-icon"></div>
						<div class="good-title">技术能力</div>
						<div class="good-text">可以根据客户需求提供多种技术实施方案，满足不同规模的客户对成本控制的潜在需求。</div>
					</div>
				</div>
			</div>
		</div>
		<div class="service">
			<div class="container">
				<div class="title">
					<div class="title-line"></div>
					<div class="title-name ">我们的服务</div>
					<div class="title-line"></div>
				</div>
				<div id="particles-js" style="position: relative" class="particles">
					<div class="m-service-wrap">
						<div class="swiper-container service-contro">
					        <div class="swiper-wrapper">
					            <div class="swiper-slide contro1 service-img"></div>
					            <div class="swiper-slide contro2 service-img"></div>
					            <div class="swiper-slide contro3 service-img"></div>
					            <div class="swiper-slide contro4 service-img"></div>
					            <div class="swiper-slide contro5 service-img"></div>
					            <div class="swiper-slide contro6 service-img"></div>
					            <div class="swiper-slide contro7 service-img"></div>
					        </div>
					        <div class="swiper-pagination"></div>
					    </div>
					</div>
				</div>
			</div>
			<div class="service-wrap">
				<div class="bg">
					<svg id="service" viewBox="0,0,1860,856" class="service-svg">
						<!-- <defs></defs> -->
						<g class="wrapper" id="svgWrapper">
						<rect x="0" y="0" width="490" height="856"	fill="#fff"></rect>
						<rect x="1400" y="0" width="400" height="856" fill="#fff"></rect>
						<path d="M490 0L700 0L490 370" fill="#fff" ></path>
						<path d="M490 856L900 856L490 650" fill="#fff" ></path>
						<path d="M490 856L1400 856L1400 690" fill="#fff" ></path>
						<path d="M1200 0L1400 0L1400 350"  fill="#fff"></path>
						<g class='circle-wrapper'>
							<g>
								<path d="M872 235A175 175 0 0 1 1050 280" stroke="#c3daf5" fill="none" stroke-width="2" class="circle1"></path>
								<path d="M1050 280A175 175 0 0 1 1105 420" stroke="#c3daf5" fill="none" stroke-width="2" class="circle2"></path>
								<path d="M1105 420A175 175 0 0 1 1050 540" stroke="#c3daf5" fill="none" stroke-width="2" class="circle3"></path>
								<path d="M1050 540A175 175 0 0 1 910 592" stroke="#c3daf5" fill="none" stroke-width="2" class="circle4"></path>
								<path d="M910 592A175 175 0 0 1 778 518" stroke="#c3daf5" fill="none" stroke-width="2" class="circle5"></path>
								<path d="M778 518A175 175 0 0 1 745 368" stroke="#c3daf5" fill="none" stroke-width="2" class="circle6"></path>
								<path d="M745 368A175 175 0 0 1 870 236" stroke="#c3daf5" fill="none" stroke-width="2" class="circle7"></path>
							</g>
							<g class="small-cir">
								<g class="cir1 hide">
									<circle cx="872" cy="235" r="15" stroke="#aaa" stroke-width="1" fill="none"></circle>
									<circle cx="872" cy="235" r="8"  fill="#000"></circle>
								</g>	
								<g class="cir2 hide">
									<circle cx="1057" cy="287" r="15" stroke="#aaa" stroke-width="1" fill="none"></circle>
									<circle cx="1057" cy="287" r="8"  fill="#000"></circle>
								</g>
								<g class="cir3 hide">
									<circle cx="1105" cy="428" r="15" stroke="#aaa" stroke-width="1" fill="none"></circle>
									<circle cx="1105" cy="428" r="8"  fill="#000"></circle>
								</g>
								<g class="cir4 hide">
									<circle cx="1050" cy="540" r="15" stroke="#aaa" stroke-width="1" fill="none"></circle>
									<circle cx="1050" cy="540" r="8"  fill="#000"></circle>
								</g>
								<g class="cir5 hide">
									<circle cx="915" cy="590" r="15" stroke="#aaa" stroke-width="1" fill="none"></circle>
									<circle cx="915" cy="590" r="8"  fill="#000"></circle>
								</g>
								<g class="cir6 hide">
									<circle cx="780" cy="520" r="15" stroke="#aaa" stroke-width="1" fill="none"></circle>
									<circle cx="780" cy="520" r="8"  fill="#000"></circle>
								</g>
								<g class="cir7 hide">
									<circle cx="745" cy="370" r="15" stroke="#aaa" stroke-width="1" fill="none"></circle>
									<circle cx="745" cy="370" r="8"  fill="#000"></circle>
								</g>
							</g>
						</g>
							<g>
								<path d="M844 271A161 161 15 1 0 1055 504" stroke="#000" fill="none" stroke-width="6" class="second-circle">
									<animateMotion  transform="rotate(10,200,100)" begin="3.5s" dur="0.5s" fill="none"></animateMotion>
								</path>
								<path d="M801 332A147 151 0 0 1 1045 333" stroke="#000" fill="none" stroke-width="6" class="third-circle"></path>
							</g>
							<circle cx="923" cy="410" r="133" stroke="#c3daf5" stroke-width="1" fill="none" class="hide forth-circle"></circle>
							<circle cx="924" cy="410" r="120" stroke="#74aaeb" stroke-width="16" fill="none" class="hide fifth-circle"></circle>
							<g class="rec-wrap">
								<line x1="875" y1="340" x2="867" y2="327" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="897" y1="330" x2="891" y2="315" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="922" y1="327" x2="922" y2="311" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="922" y1="326" x2="922" y2="311" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="944" y1="327" x2="947" y2="313" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="964" y1="336" x2="971" y2="322" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="980" y1="347" x2="990" y2="334" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="992" y1="360" x2="1004" y2="350" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="1000" y1="376" x2="1014" y2="370" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="1008" y1="392" x2="1022" y2="390" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="1008" y1="411" x2="1024" y2="411" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="1008" y1="429" x2="1023" y2="432" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="1002" y1="449" x2="1015" y2="455" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="988" y1="469" x2="997" y2="479" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="970" y1="484" x2="978" y2="496" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="949" y1="494" x2="954" y2="507" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="922" y1="496" x2="923" y2="510" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="901" y1="494" x2="898" y2="508" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="882" y1="484" x2="875" y2="498" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="867" y1="474" x2="857" y2="485" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="856" y1="460" x2="843" y2="468" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="846" y1="445" x2="832" y2="450" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="840" y1="428" x2="826" y2="432" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="838" y1="412" x2="824" y2="410" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="840" y1="393" x2="826" y2="390" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="846" y1="375" x2="833" y2="370" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="846" y1="375" x2="833" y2="370" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
								<line x1="860" y1="355" x2="848" y2="345" style="stroke:#74aaeb;stroke-width:5" class="hide"></line>
							</g>
								<image xlink:href="img/service/people.png" x="879" y="354" height="111px" width="93px" class="hide people"></image>
							<g class="all-label">
								<image xlink:href="img/service/1/1.png" x="512" y="71" height="122px" width="187px" class="label"></image>
								<image xlink:href="img/service/2/01.png" x="500" y="60" height="195px" width="524px" class="label-content"></image>
							</g>
							<g class="all-label">
								<image xlink:href="img/service/1/2.png" x="1158" y="64" height="122px" width="181px" class="label"></image>
								<image xlink:href="img/service/2/02.png" x="858" y="52" height="195px" width="493px" class="label-content"></image>
							</g>
							<g class="all-label">
								<image xlink:href="img/service/1/4.png" x="1285" y="294" height="122px" width="187px" class="label"></image>
								<image xlink:href="img/service/2/04.png" x="985" y="280" height="195px" width="500px" class="label-content"></image>
							</g>
							<g class="all-label">
								<image xlink:href="img/service/1/7.png" x="1220" y="588" height="122px" width="128px" class="label"></image>
								<image xlink:href="img/service/2/07.png" x="920" y="578" height="195px" width="436px" class="label-content"></image>
							</g>
							<g class="all-label">
								<image xlink:href="img/service/1/6.png" x="827" y="680" height="122px" width="188px" class="label"></image>
								<image xlink:href="img/service/2/06.png" x="527" y="670" height="195px" width="500px" class="label-content"></image>
							</g>
							<g class="all-label">
								<image xlink:href="img/service/1/5.png" x="410" y="583" height="122px" width="191px" class="label"></image>
								<image xlink:href="img/service/2/05.png" x="400" y="570" height="195px" width="526px" class="label-content"></image>
							</g>	
							<g class="all-label">
								<image xlink:href="img/service/1/3.png" x="405" y="304" height="122px" width="131px" class="label"></image>
								<image xlink:href="img/service/2/03.png" x="405" y="296" height="195px" width="460px" class="label-content nx"></image>
							</g>
						</g>
					</svg>
				</div>
			</div>
		</div>
		<div class="partner">
			<div class="container">
				<div class="title">
					<div class="title-line"></div>
					<div class="title-name">合作伙伴</div>
					<div class="title-line"></div>
				</div>			
			</div>
			<div class="partner-wrap">
				<div class="partner-left"></div>
				<div class="partner-right"></div>
				<div class="swiper-container positive">
			        <div class="swiper-wrapper logo-wrap1 continue">
			            <div class="swiper-slide logo1 logoH"></div>
			            <div class="swiper-slide logo2 logoH"></div>
			            <div class="swiper-slide logo3 logoH"></div>
			            <div class="swiper-slide logo4 logoH"></div>
			            <div class="swiper-slide logo6 logoH"></div>
			            <div class="swiper-slide logo7 logoH"></div>
			            <div class="swiper-slide logo8 logoH"></div>
			            <div class="swiper-slide logo9 logoH"></div>
			            <div class="swiper-slide logo10 logoH"></div>
			        </div>
			    </div>
			    <div class="swiper-container reverse" dir="rtl">
			        <div class="swiper-wrapper logo-wrap2 continue">
			            <div class="swiper-slide logo11 logoH"></div>
			            <div class="swiper-slide logo12 logoH"></div>
			            <div class="swiper-slide logo13 logoH"></div>
			            <div class="swiper-slide logo14 logoH"></div>
			            <div class="swiper-slide logo15 logoH"></div>
			            <div class="swiper-slide logo16 logoH"></div>
			            <div class="swiper-slide logo17 logoH"></div>
			            <div class="swiper-slide logo18 logoH"></div>
			            <div class="swiper-slide logo19 logoH"></div>
			        </div>
			    </div>
			</div>
		</div>
		<div class="case">
			<div class="container">
				<div class="title">
					<div class="title-line"></div>
					<div class="title-name">精选案例</div>
					<div class="title-line"></div>
				</div>
				<div class="case-container">
					<div class="case-wrap case-distance">
						<div class="case-img case-img1">
							<div class="case-img-mask1 desaturate"></div>
							<a href="caseShow.html"><div class="case-name name1">赵树清大米</div></a>
						</div>
						<div class="case-img case-img2">
							<div class="case-img-mask2 desaturate"></div>
							<a href="caseShow.html"><div class="case-name name1">格凌宝</div></a>
						</div>
					</div>
					<div class="case-wrap">
						<div class="case-img case-img3">
							<div class="case-img-mask3 desaturate"></div>
							<a href="caseShow.html"><div class="case-name name2">car2go</div></a>
						</div>
						<div class="case-img case-img4">
							<div class="case-img-mask4 desaturate"></div>
							<a href="caseShow.html"><div class="case-name name2">EVcard</div></a>
						</div>
					</div>
					<div class="case-wrap">
						<div class="case-img case-img5">
							<div class="case-img-mask5 desaturate"></div>
							<a href="caseShow.html"><div class="case-name name3">金百临</div></a>
							
							
						</div>
						<div class="case-img case-img6">
							<div class="case-img-mask6 desaturate"></div>
							<a href="caseShow.html"><div class="case-name name3">丝芙兰</div></a>
						</div>
					</div>
					<div class="case-wrap">
						<div class="case-img case-img8">
							<div class="case-img-mask8 desaturate"></div>
							<a href="caseShow.html"><div class="case-name name4">宣亚国际</div></a>
						</div>
						<div class="case-img case-img7">
							<div class="case-img-mask7 desaturate"></div>
							<a href=""><div class="case-name name4">玫琳凯</div></a>
						</div>
					</div>		
				</div>
					
			</div>
		</div>
		<div class="contact">
			<div class="container">
				<div class="title">
					<div class="title-line"></div>
					<div class="title-name">联系我们</div>
					<div class="title-line"></div>
				</div>
				<div class="contact-wrap">
					如果您在互联网领域有相关业务需求，或者对我们的解决方案或客户案例感兴趣，都可以直接致电我们或通过邮箱与我们联系。当我们收到您留言的联系方式后我们也会尽快与您联系。
				</div>
			</div>
			<div class="address-wrap">
				<img src="img/address.jpg" class="address-img">
			</div>
		</div>
		<div class="back cursor"></div>
	</div>
	<!-- <script src="js/swiper.min.js"></script> -->

	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/index.js"></script>
	<script src="js/velocity.min.js"></script>
	<script src="js/xz-svg.js"></script>
	<script src="js/particles.min.js"></script>
	
	
	<script>
	    particlesJS.load('particles-js', 'js/particles.json', function () {});	
	</script>
</body>
</html>